<html>
<head>
<title>Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
	href="extjs/resources/css/ext-all.css">
<link id="theme" type="text/css" rel="stylesheet" href="" />
<link rel="stylesheet" type="text/css"
	href="extjs/ux/css/TabScrollerMenu.css" />
<link rel="stylesheet" type="text/css"
	href="extjs/resources/css/portal.css">
<script type="text/javascript" src="extjs/ext-all.js">
	
</script>
<script type="text/javascript" src="extjs/locale/ext-lang-zh_CN.js">
	
</script>
<script type="text/javascript" src="app/app.js">
	
</script>
</head>
<style type="text/css">
p {
	margin: 5px;
}

.settings {
	background-image: url(image/icons/portal/folder_wrench.png);
}

.nav {
	background-image: url(image/icons/portal/folder_go.png);
}

.info {
	background-image: url(image/icons/portal/information.png);
}
</style>
<body>
	<!-- use class="x-hide-display" to prevent a brief flicker of the content -->
	<div id="west" class="x-hide-display">
		<p>Hi. I'm the west panel.</p>
	</div>
	<div id="props-panel" class="x-hide-display"
		style="width: 200px; height: 200px; overflow: hidden;"></div>
	<div id="south" class="x-hide-display">
		<p>south - generally for informational stuff, also could be for
			status bar</p>
	</div>
</body>
</html>